<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>optimus</title>

    <!-- Bootstrap core CSS -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="{dede:global.cfg_templets_skin/}/css/creative.css" rel="stylesheet">
	<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/jquery-rebox.css">
	
    <!-- Bootstrap core JavaScript -->
    <script src="{dede:global.cfg_templets_skin/}/vendor/jquery/jquery.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="{dede:global.cfg_templets_skin/}/vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="{dede:global.cfg_templets_skin/}/js/creative.min.js"></script>
	<script src="{dede:global.cfg_templets_skin/}/js/jquery-rebox.js"></script>
    <style type="text/css">
      #portfolio img{
        width: 650px;
        height: 350px
      }
      .masthead1{
          padding-top: 10rem;
          padding-bottom: calc(10rem - 56px);
          background-image: url("/templets/default/img/bg.png");
          background-position: center center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
          height: 45vh;
          min-height: 400px;
          padding-top: 0;
          padding-bottom: 0;
      }
 a.nav-link1{
      display: inline-block;
          padding: .5rem 0.5rem;
    }
    #services{
      min-height:700px;
      height: auto;
    }
    p{margin: 15px 8px}


@media (max-width: 991px) {
  .sm-padding-top{
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
    /*图片自适应*/
.img-responsive {
    display: block;
    width: 100%;
    height: auto;
}
}
.row{
  font-family: 'MicrosoftYaHei';
  color: #333;
}
.img_content{
  position: relative;
  width: 210px;
  height: 160px;
  padding-left: 0;
}
.img_content img{
  border-radius: 4px;
  width: 210px;
  height: 160px;
}
.img_content .text{
  position: absolute;
  top:0;
  left: 0;
  width: 210px;
  height: 160px;
  background: rgba(0,0,0,0.7);
  color: #eee;
  line-height: 160px;
  text-align: center;
  border-radius: 4px;
  display: none;

}
.rebox-contents .rebox-content{
	max-width: 1000px;
}

    </style>
  </head>
<script type="text/javascript">
  $(function(){
    $(".img_content").hover(function() {
      $(this).find('.text').show();
    }, function() {
      $(this).find('.text').hide();
    });
  })
</script>
  <body id="page-top">
    {dede:include filename="TW/h.htm"/}
    <header class="masthead1 text-center text-white d-flex">
      <div class="container my-auto">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1 class="text-uppercase" style="padding-top: 12rem;font-size: 40px;color: #fff">
                {dede:type}[field:typename/]{/dede:type}
            </h1>
          </div>
           <div class="col-lg-8 mx-auto">
            <p class="text-faded mb-5" style="color: #fff;font-size: 25px"><strong></strong></p>
          </div>
        </div>
      </div>
    </header>

    <section id="services" >
      <div class="container my-auto">
        <div class="row" style="margin: -25px 3px 5px 3px">
          <div  class="" id="address"><img src="/templets/default/img/icon.png">{dede:type typeid='1'}
            <a class="nav-link1" href="[field:typeurl/]">首页</a>{/dede:type} / {dede:type}[field:typename/]{/dede:type}</div>
        </div>
        <div class="row" style="margin: 0 auto">
          <div style="margin: 30px auto;line-height: 25px;font-size: 24px">專業 / 權威 / 創新</div> 
          <div style="font-size: 16px;padding-bottom: 30px">本公司的團隊兼具專業與創新，由各方面專業領域人才組成，團隊累積多次舉辦大型活動的經驗，對準市場定位及客戶要求，籌辦多元化創意性活動及提供有效的宣傳渠道，為客戶策劃一站式推廣方案，如活動道具設計、資源整合、傳播路徑規劃等，使之成為全城焦點媒體熱話及吸引消費者關注，進而提升企業形象及捉進產品效益。匯集各領域達人！作為每位夢想提案者的最佳後盾。
          你现在做到成功案例了？</div>

          {dede:list pagesize='12' typeid='6'}
          <div class="row col-lg-3 col-md-4 col-sm-6 img_content" style="margin: 30px auto;">
			<img src="[field:litpic/]">
			<div id="gallery2[field:id/]">
				<a class="anniu" id="anniu[field:id/]"  href="" style="text-decoration: none;">
					<div class="text">
						[field:title/]
					</div>
				</a>
				<div id="aimg[field:id/]"></div>
			</div>
			<script>
			var body = '[field:body/]';
			var imgStr = $.parseHTML(body);
			$.each(imgStr, function(i, obj){
				var src = obj.attributes['src'].value;
				if(i==0){
					$("#anniu[field:id/]").attr("href",src);
				}else{
					var aimg = '<a href="' + src + '" style="display: none;"></a>';
					$("#aimg[field:id/]").after(aimg);
				}
			});
			$('#gallery2[field:id/]').rebox({ selector: 'a' });
			</script>
          </div>    
         <!--  <a href='[field:arcurl/]'>[field:title/]</a> -->
          {/dede:list}

          <style type="text/css">
            li{
              padding: 0 10px;
              list-style-type:none;  
            }
            .pagelist{
              float: right;
              padding-right: 80px;
            }
          </style>
         


        </div>
         <div class="row pagelist">
            {dede:pagelist listitem="pre,next"/}
          </div>
      </div>
    </section>


    {dede:include filename="TW/f.htm"/}
  </body>

</html>
